/**
 * @author Mark 2019/2/11
 * @desc 首页逻辑
 */

// 导航元素
var $item_nav = $('.container_nav li')
// 登陆
var $login = $('#loginBox')
// 注册
var $register = $('#registerBox')
// 用户信息界面
var $userInfo = $('#userInfo')

// 点击切换
$item_nav.on('click', function() {
  $(this).addClass('nav_item_active').siblings().removeClass('nav_item_active')
})

/**
 * [changeLR description]
 * @decs 点击切换登陆 注册列表
 * @param  {Number} type [description] 显示注册 1 显示登陆 0 显示用户信息 2
 */

function changeLR(type) {
  if (type == 1) {
    $login.hide()
    $userInfo.hide()
    $register.show()
  } else if (type == 0) {
    $userInfo.hide()
    $register.hide()
    $login.show()
  } else {
    $login.hide()
    $register.hide()
    $userInfo.show()
  }
}

$login.find('a.colMint').on('click', function() {
  $register.find('.colWarning').html('')
  changeLR(1)
})

$register.find('a.colMint').on('click', function() {
  $login.find('.colWarning').html('')
  changeLR(0)
})

// 注册用户功能
$register.find('button').on('click', function() {
  var username = $register.find('[name = "username"]').val()
  var password = $register.find('[name = "password"]').val()
  var repassword = $register.find('[name = "repassword"]').val()
  if (username == '' || password == '') {
    $register.find('.colWarning').html('用户名或密码不能为空')
  } else if (password != repassword) {
    $register.find('.colWarning').html('两次添加密码必须相同')
  } else {
    $.ajax({
      type: 'post',
      url: '/api/user/register',
      data: {
        username,
        password,
        repassword
      },
      dataType: 'json',

    }).success(function(data) {
      $register.find('.colWarning').html(data.message)
      if (data.code == 0) {
        // 添加成功
        setTimeout(function() {
          changeLR(0)
        }, 1000)
      }
    }).error(function() {

    })
  }
})

// 回车注册
$(document).on('keydown', function(e) {
  if (e.keyCode == 13) {
    $register.find('button').trigger('click')
  }
})

// 用户登录功能
$login.find('button').on('click', function() {
  var username = $login.find('[name = "username"]').val()
  var password = $login.find('[name = "password"]').val()
  if (username == '' || password == '') {
    $login.find('.colWarning').html('用户名或密码不能为空')
    return
  }
  $.ajax({
    type: 'post',
    url: '/api/user/login',
    data: {
      username,
      password
    },
    dataType: 'json',

  }).success(function(data) {
    $login.find('.colWarning').html(data.message)
    if (data.code == 0) {
      // var username = data.data.username
      // 添加成功
      // $userInfo.find('.username').html(username)
      // $userInfo.find('.info').html('你好，欢迎光临我的博客！')
      setTimeout(function() {
        // changeLR(2)
        // window.location.reload()
      }, 1000)
    }
  }).error(function() {

  })
})

// 回车登陆
$(document).on('keydown', function(e) {
  if (e.keyCode == 13) {
    $login.find('button').trigger('click')
  }
})

// 用户推出
$userInfo.find('#logout').on('click', function() {
  $.ajax({
    url: '/api/user/logout',
  }).success(function(data) {
    // $login.find('.colWarning').html('')
    if (data.code == -1) {
      alert(data.message)
    } else {
      window.location.reload()
    }
    // changeLR(0)
  }).error(function() {
    alert('请求失败!')
  })
})
